﻿$(document).ready(function() {
    $('#tblList').on('click', '.btnView', function() {
        $('#' + hMode).val("VIEW");

        var tblEdit = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        var tRow = $(this).closest('tr');
        var tCell = tRow.children('td');
        var tCode = tCell.eq(0).text();
        var tName = tCell.eq(1).text();
        
        tblEdit.children('tr').eq(0).children('td').eq(2).find('span').text(tCode);
        tblEdit.children('tr').eq(0).children('td').eq(2).find('input:text').val(tCode);
        tblEdit.children('tr').eq(1).children('td').eq(2).find('span').text(tName);
        tblEdit.children('tr').eq(1).children('td').eq(2).find('input:text').val(tName);

        divList.hide();
        $('#tblInfo').fadeIn(300);
    });

    $('#btnAdd').click(function() {
        $('#' + hMode).val("INSERT");

        var tblInfo = $('#tblInfo');
        var tblBody = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        $('.spnInfo').text('');
        $('.txtInfo').val('');

        $('#listHolder, .spnInfo, #btnEdit').hide();
        $('#tblInfo, .txtInfo, #' + btnSave).show();
    });

    $('#btnEdit').click(function() {
        $('#' + hMode).val("UPDATE");

        $('#btnEdit, .spnInfo').hide();
        $('.txtInfo, #' + btnSave).fadeIn(300, function() {
            var tblSrc = $("#");
            var tblRows = tblSrc.children('tr');
            var ctrl = tblRows.eq().children('td').find('.txtInfo');
            ctrl.prop("readonly", true);
        });
    });

    $('#btnCancel').click(function() {
        $('#' + hMode).val("VIEW");

        var tblInfo = $('#tblInfo');
        var tblBody = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        var sCode = tblBody.children('tr').eq(0).children('td').eq(2).find('span');
        var sName = tblBody.children('tr').eq(1).children('td').eq(2).find('span');
        var vCode = sCode.text();
        var vName = sName.text();
        tblBody.children('tr').eq(0).children('td').eq(2).find('input:text').val(vCode).hide();
        tblBody.children('tr').eq(1).children('td').eq(2).find('input:text').val(vName).hide();
        sCode.show();
        sName.show();

        $('#tblInfo, #' + btnSave).hide();
        $('#listHolder, #btnEdit').fadeIn();
    });

});